<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="utf-8"/>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font: 12px/180% simsun;
            color: #666;
            background: #FFF;
            margin: 0;
            border: 0;
            height: 100%;
            overflow-y: auto;
        }

        h2, h3, h4, h5, h6 {
            font-size: 100%;
        }

        a:link, a:visited {
            color: #008000;
            text-decoration: underline;
        }

        a:hover, a:active {
            color: #E01F20;
            text-decoration: underline;
        }

        #header {
            clear: both;
            margin-bottom: 10px;
        }

        h1 {
            color: #4E6B33;
            font-size: 24px;
            padding-left: 7px;
            font-family: Trebuchet MS, Arial, sans-serif, Tahoma;
            font-weight: normal
        }

        #header .tit {
            height: 55px;
            line-height: 64px;
            overflow: hidden;
            border-bottom: 1px dotted #999999
        }

        #content {
            clear: both;
            height: 100%;
        }

        #wrap {
            margin: 0 10px;
        }

        #footer {
            border-top: 1px solid #DDDDDD;
            background-color: #FBFBF9;
        }

        .copyright {
            padding-bottom: 10px;
            text-align: left;
            padding-top: 10px;
        }

        .copyright p {
            color: #888;
            font-size: 10px;
            text-indent: 16px;
            font-family: Verdana, Helvetica;
            font-weight: bold;
        }

        .copyright p a {
            color: #888;
            font-size: 10px;
            font-weight: bold;
        }

        #content {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        #content h2 {
            display: none
        }

        #content .tit {
            margin-bottom: 10px;
            border-left: 4px solid;
            line-height: normal;
            margin-left: 30px;
            padding-left: 5px
        }

        #content .tit h3 {
            font-family: Tahoma;
            font-size: 20px;
            font-weight: normal
        }

        #content .cont ul {
            list-style: none;
            margin-left: 40px;
            margin-bottom: 20px;
            zoom: 1
        }

        #content .cont ul:after {
            display: block;
            content: "";
            clear: both
        }

        #content .cont ul li {
            float: left;
            margin-right: 15px;
            width: 140px
        }

        #content .cont ul li.nav_roperties {
            width: 280px;
        }

        #content .cont ul li a {
            text-decoration: none
        }

        #content .cont ul li a:hover {
            text-decoration: underline
        }
    </style>
    <title>#(title)</title>
</head>
<body>
<div id="wrap">
    <div id="header">
        <div class="tit"><h1>#(title)</h1></div>
    </div>
    <div id="content">
        #for(n : nodes)
            #if(n.path)
        <li><a href="#(n.path)">#(n.title)</a></li>
            #else if(n.children!=null && n.children.size()>0)
        <div class="tit"><h3>#(n.title)</h3></div>
        <div class="cont">
            <ul>
                #for(n1 : n.children)
                    #if(n1.path)
                <li><a href="#(n1.path)">#(n1.title)</a></li>
                    #end
                #end
            </ul>
        </div>
            #end
        #end
    </div>
</div>
</body>
</html>